﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head >
<title>驻地网测试网页</title>
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<link href="Styles/bootstrap.min.css" rel="stylesheet" />
<link href="Styles/bootstrap-responsive.min.css" rel="stylesheet" />
<link href="Styles/font-awesome.css" rel="stylesheet" />
<link href="Styles/adminia.css" rel="stylesheet" />
<link href="Styles/adminia-responsive.css" rel="stylesheet" />
<link rel="stylesheet" href="Styles/test/ping.css" type="text/css" />
<link rel="stylesheet"  href="Styles/css/jquery-ui-1.8.16.custom.css" type="text/css"/>
<link rel="stylesheet" href="Styles/main.css" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<script type="text/javascript" src="Scripts/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="Scripts/test/webtest.js"></script>

	<script type="text/javascript" src="Scripts/test/jquery.speedometer.js"></script>
	<script type="text/javascript"
		src="Scripts/test/jquery.jpcanvas-modified.js"></script>
	<script type="text/javascript" src="Scripts/test/excanvas-modified.js"></script>
	<script type="text/javascript" src="Scripts/bootstrap.js"></script>
	<script type="text/javascript" src="Scripts/myquery.js"></script>
	<script type="text/javascript" src="Scripts/spin.min.js"></script>
	<script type="text/javascript" src="Scripts/js/jquery-1.6.2.min.js"></script>
	<script type="text/javascript" src="Scripts/js/jquery-ui-1.8.16.custom.min.js"></script>
	<script type="text/javascript" src="Scripts/js/script.js"></script>
	<script src="Scripts/jquery.corner.js" type="text/javascript"></script>
	<script src="Scripts/main.js" type="text/javascript"></script>	
	<script type="text/javascript">
   </script>
    
<style type="text/css">
#menu {
font-size: 12px;
font-weight: bolder;
}
#menu li{
list-style-image: none;
list-style-type: none;
background:url("Styles/img/4.png");
border-right-width: 1px;
border-right-style: solid;
border-right-color: white;
float: left;
}
#menu li a{
color: #FFFFFF;
text-decoration: none;
margin: 0px;
padding-top: 13px;
display: block; 
padding-right: 50px;
padding-bottom: 8px;
padding-left: 50px;
}

</style>



</head>
<body>
	<div id="popupcontent"  >
		<div class="widget-header">
			<h3 style="margin-top: 10px;">请输入你的宽带账号</h3>
		</div>
		<div id="inputRoleNumberDiv" style="width: 100%; height: 100%;">
			<div style="margin-left: 100px; margin-top: 200px;">

				<table>
					<tr id="roleLoginEr" style="display: none;">
						<td><span style="color: red;">没有找到账号相关信息，请确定账号重新登陆</span>
						</td>
					</tr>
					<tr>
						<td><input id="roleNumber" type="text" style="width: 220px;height: 30px; margin-top: 5px;" />
							<button onclick="getRoleInfo()" style="width: 100px;height: 40px;" class="btn btn-primary m_r">确定</button>
						</td>
					</tr>
				</table>
			</div>
		
		</div>
		
			<div id="fooDiv" style="width: 100%; height: 100%; display: none;text-align: center;">
			
				<div id="foo"  style="width: 100%; height: 300px;">
				</div>
				<span >正在查找账号相关信息...</span>
			</div>
			

	</div>
	
	<div id="commonDiv"  style="display: none;">
		<div class="widget-header">
			<h3 id="commonDiv_title" style="margin-top: 10px;">请输入你的宽带大小</h3>
		</div>
		<div id="commonDiv_content" style="width: 100%; height: 100%;">
			<div style="margin-left: 100px; margin-top: 200px;">

				<table>
					<tr>
						<td><input id="bSizeNumber" type="text" style="width: 220px;height: 30px; margin-top: 5px;" />M
							<button onclick="setBSize();" style="width: 100px;height: 40px;" class="btn btn-primary m_r">确定</button>
						</td>
					</tr>
					<tr>
						<td>（请在输入框中输入你的宽带大小数字）</td>
					</tr>
				</table>
			</div>
		
		</div>
	</div>
	
	
	<div id="backDiv"  ></div>
	<div class="content-min">
		<div class="fl w_860 m_r30">

			<div class="widget">
				<div class="widget-header2">

					<img src="Img/test/logo.gif"
						style="margin-top: 20px; margin-left: 20px;float: left;" />
					<img src="Img/test/logo2.gif"
						style="margin-top: 20px; margin-left: 20px;float: left;display: none;" />
					<h1 style="margin-top: 30px;font-size: 24px;margin-left: 20px;float: left;color: #FFA500;font-weight: bold;">驻地网测试网页</h1>
					
				</div>
				<div
					style="width: 100%; height: 38px; background: url('Styles/img/4.png');">

					<ul id="menu">
						<li id="li1"><a href="#" onclick="showDiv(0)">一键测试</a></li>
						<li id="li2"><a href="#" onclick="showDiv(1)">网页测试</a></li>
						<li id="li3"><a href="#" onclick="showDiv(2)">下载测试</a></li>
						<li id="li4"><a href="#" onclick="showDiv(3)">帮助</a></li>

					</ul>

				</div>
				
		
				<div class="widget-content" >
				
					<div style="height: 600px;width:200px;float: right;margin-bottom: 20px;">
						<div id = "userInfoDiv" >
						<div class="infoHead">
							<h3 id="testNumber_temp" style="margin-top: 5px;margin-left: 10px;">用户信息</h3>
						</div>
								<div>
							
								<table id="roleInfoTable" style="margin-top: 10px;">
									
							
								</table>
							</div>
						
						</div>
						<div id = "hintDiv" >
						<div class="infoHead">
							<h3 style="margin-top: 5px;margin-left: 10px;">提示信息</h3>
						</div>
							<div>
								<h4 onclick="showDiv(3)" class="msgH4"><a>测速时应注意什么</a></h4>
								<h4 onclick="showDiv(3)" class="msgH4"><a>测试结果不理想怎么办</a></h4>
								<h4 onclick="showDiv(3)" class="msgH4"><a>站点网页打开较慢的原因</a></h4>
								<h4 onclick="showDiv(3)" class="msgH4"><a>测试结果达标，但仍觉得网速慢</a></h4>
							</div>
						
						
						</div>
					</div>
				
				
				
					<div class="tabbable" style="width: 750px;">

						<div class="tab-content">

							<div id="allTest">

								<div>

									<div style="width: 430px; position: absolute; top: 170px; left: 30px;display: none;">
										<div class="processbar">
											<div class="finish"></div>
										</div>
									</div>
									<a id="allTestBtn" onclick="allTest();"
										style="background: url('Styles/img/allTestBtn.png'); width: 238px; height: 93px; cursor: pointer; display: inline-block; overflow: hidden; position: absolute; top: 140px; left: 270px;">
									</a>
									<a id="allTestBtn2" 
										style="background: url('Styles/img/allTesting.png'); width: 238px; height: 93px; cursor: pointer; display: none; overflow: hidden; position: absolute; top: 140px; left: 270px;">
									</a>
								</div>

							<div id="allTestResult"
									style="position: absolute; top: 280px; left: 50px; width: 680px;display: none;">

									<div style="text-align: center;" id="resultNumber">
										
									
									</div>
								
										<table style="margin-left: 230px;margin-top: 40px;">
											<tr><td><h4 class='userinfoH5'>宽带测试结果：</h4></td><td><h4 id="resultStr" class='userinfoH5'></h4></td></tr>
											<tr><td><h4 class='userinfoH5'>预计宽带大小：</h4></td><td><h4 id="resultBSize" class='userinfoH5'></h4></td></tr>
										</table>
								
								</div>

								<div id="allTestReminderDiv"
									style="position: absolute; top: 250px; left: 50px; width: 680px; ">

									<div>
										<img src="Styles/img/web_ico2.gif"
											style="toposition: absolute; top: 10px;"></img>
										<h2
											style="font-size: 26px; position: absolute; top: 50px; left: 80px;">测试提示</h2>
									</div>

									<div style="margin-left: 140px; margin-top: 20px;">
										<div>
											<h3 style="font-size: 14px; color: #4A515B;">1、请使用有线网络进行测试，无线环境测速数据非有效依据</h3>
										</div>
										<div>
											<h3 style="font-size: 14px; color: #4A515B;">2、请先关闭局域网内其他网络设备，如手机、PAD、网络电视等。</h3>
										</div>
										<div>
											<h3 style="font-size: 14px; color: #4A515B;">3、请关闭电脑上占用电脑资源的软件和游戏</h3>
										</div>
										<div>
											<h3 style="font-size: 14px; color: #4A515B;">4、请关闭电脑上占用网络的其他软件，如下载软件、视
												屏播放软件等</h3>
										</div>
									</div>
								</div>


								<div id="testStatDiv"
									style="position: absolute; top: 230px; left: 30px; width: 680px; display: none;">
									<div id="allTestWeb" style="display: none;">
										<h2 id="allTestWebStateH2" style="color: #77BE1A;">网页测试...</h2>
										<table class="table table-striped table-bordered "
											id="allTestWebTable">



										</table>
									</div>
									<div id="allTestDownFile" style="display: none;">
										<h2 id="allTestDownFileStateH2" style="color: #77BE1A;">下载测试...</h2>
									<div>
										<div class="processbar2">
											<div class="finish2"></div>
										</div>
										<div>
											<div id="dowFileSpeed1">
												<h2 style="font-size: 14px;">
													即时下载速度：<span id="spRate2"
														style="color: red; margin-left: 5px; margin-right: 5px;">0</span>
												</h2>
												<!--下载测速完成进度：<span id="spBar">0%</span>-->
											</div>
											<div id="dowFileSpeed2" style="display: none;">
												<h2 style="font-size: 14px;">
													本次测试最大下载速度：<span id="spAvrRate2"
														style="color: red; margin-left: 5px; margin-right: 5px;">0</span>
												</h2>
											</div>
											<div id="dowFileSpeed3" style="display: none;">
												<h2 style="font-size: 14px;">
													<span id="spAvrRate2"
														style="color: red; margin-left: 5px; margin-right: 5px;">正在加载资源...</span>
											  </h2>
											</div>
										</div>
									</div>
									</div>
								
								</div>

							</div>
							<div id="web" class="tab-pane" style="background: white;width: 700px;display: none;">
							
							
								<div class="web-url-list clearfix" style="width: 700px;">
									<ul id="ulUrlList">
			
									</ul>
									<div style="width: 100%;"><button id="btnWeb" onclick="webTestBtnClick()" class="btn btn-primary m_r" style="margin-left: 600px;width: 100px;height: 40px;margin-bottom: 10px;margin-top: 10px;" >开始测试</button></div>
									<table class="table table-striped table-bordered "  id="webtable">
									
									</table>
								</div>
							</div>

							<div id="download" style="display: none;width: 700px;"  class="tab-pane">
								
								
								
								<div id="dowFilehint" style="position: absolute;top: 350px;left: 50px;width: 680px;">
									
									<div > <img src="Styles/img/web_ico2.gif" style="toposition: absolute;top: 10px;"></img><h2 style="font-size: 26px;position: absolute;top: 50px;left: 80px;">测试提示</h2></div>
									
									<div style="margin-left: 140px;margin-top: 20px;" >
										<div><h3 style="font-size: 14px;color: #4A515B;">1、请使用有线网络进行测试，无线环境测速数据非有效依据</h3></div>
										<div><h3 style="font-size: 14px;color: #4A515B;">2、请先关闭局域网内其他网络设备，如手机、PAD、网络电视等。</h3></div>
										<div><h3 style="font-size: 14px;color: #4A515B;">3、请关闭电脑上占用电脑资源的软件和游戏</h3></div>
										<div><h3 style="font-size: 14px;color: #4A515B;">4、请关闭电脑上占用网络的其他软件，如下载软件、视  屏播放软件等</h3></div>
									</div>
								</div>
								
								
								<div id="downFileprogress" style="width: 500px;height: 80px;display: none;">
								        <div id="progress" style="margin-top: 20px;">
								      
								    	 <div class="processbar4" >
											<div class="finish4"></div>
										</div>
								      
								         <div  style="margin-left: 20px;">
								            	<div id="pRate1">
													 <h2 style="font-size: 14px;">即时下载速度：<span id="spRate" style="color: red;margin-left: 5px;margin-right: 5px;">0</span></h2>
													<!--下载测速完成进度：<span id="spBar">0%</span>-->
												</div>
													<div id="pRate2">
														 <h2 style="font-size: 14px;">本次测试最大下载速度：<span id="spAvrRate" style="color: red;margin-left: 5px;margin-right: 5px;">0</span></h2>
													</div>
												<div id="pRate3" style="display: none;">
												<h2 style="font-size: 14px;">
													<span id="spAvrRate2"
														style="color: red; margin-left: 5px; margin-right: 5px;">正在加载资源...</span>
											  </h2>
											</div>
								          </div>
								        </div>
								</div>
								
								
								<a id="btnRate" onclick="dowFileCilck()" style="background: url('Styles/img/startBtn.png');width:238px;height:93px;cursor:pointer;
									display: inline-block;overflow: hidden;margin-left:300px;" >
								</a>
									
							
							
							</div>
							<div id="helpDiv" style="display: none;">
							
								<h3>测速时应注意什么</h3>
								<p>1、 测速时如运行网络应用，可能影响测速的准确性。测速时建议关闭与网络相关的在线应用，如迅雷、flashget、电驴、pplive、杀毒软件病毒库更新等等。</p>
								<p>2、 为进一步提高测试结果准确性，建议在不同的时间段多测试几次。</p>
								<h3>测试结果不理想怎么办</h3>
								<p>1、您可以检查一下您的上网环境和计算机状态，看是否有一些程序或其他用户占用了您的带宽，也可以选择其他的时段多测试几次试试看。</p>
								<p>2、由于互联网是一个开放的网络，不同时间段的网络由于用户量的多少可能存在差异，由此造成的网速不稳定的波动属于正常现象，建议您在网络非繁忙时间
										段多测试几次，综合评估您的网络质量，得出的结果会比较准确。</p>
								<h3>站点网页打开较慢的原因么</h3>
								<p>网站可能是由于访问用户多导致繁忙，可能他们的服务器部署在距离您本地比较远的地方，也可能网站服务器本身出现了问题。建议您稍等再次进行测试。如果所有的网站都无法连接，我们会对您的测试结果进行记录归档。</p>
								<h3>测试结果达标，但仍觉得网速慢</h3>
								<p>影响网络质量的因素很多，包括线路、用户电脑、使用环境和用户使用保养，以及用户安装何种操作系统、安装哪些应用程序及用户使用正确与否等等,如果当前宽带你觉得不满意可以考虑升级更高的宽带套餐。</p>
							
							</div>

							<div style="visibility: none;">
								<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
									id="ExternalInterfaceExample" width="1" height="1"
									codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">
									<param name="movie" value="fash/dlmachine.swf" />
									<param name="quality" value="high" />
<!-- 									<param name="bgcolor" value="#869ca7" /> -->
									<param name="allowScriptAccess" value="sameDomain" />
									<embed src="fash/dlmachine.swf" quality="high" width="1px;"
										height="1px;" name="ExternalInterfaceExample" align="middle"
										play="true" loop="false" quality="high"
										allowScriptAccess="always" type="application/x-shockwave-flash"
										pluginspage="http://www.macromedia.com/go/getflashplayer">
									</embed>
								</object>
							
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<script type="text/javascript">
	
	$(document).ready(function(){
		$(".processbar").corner();
		$(".processbar .finish").corner();
		$(".processbar2").corner();
		$(".processbar2 .finish2").corner();
		$(".processbar4").corner();
		$(".processbar4 .finish4").corner();
	})
	
	$(function() {
	   
	
		$("#li1").css("background","#8B8989");
		
		getUrls();
		getWebTestNumber();

		getDownFileUrl();	
	});
	

	var backwidth = document.body.scrollWidth;
	var backheight = window.screen.availHeight;

	$("#backDiv").width(backwidth);
	$("#backDiv").height(backheight);

	$("#popupcontent").css("left", ((backwidth - 500) / 2) + "px");
	$("#popupcontent").css("top", 100 + "px");
	
	$("#commonDiv").css("left", ((backwidth - 500) / 2) + "px");
	$("#commonDiv").css("top", 100 + "px");
	
	
	
	</script>
</body>
</html>
